<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        console.log(1);     //1、同步任务
        document.onclick = function () {  //2，交给异步进程处理，这里只要不点击(放到任务队列(消息队列))
            console.log('click');
        }
        console.log(2);          //3  同步任务
        setTimeout(function () {  //4 异步任务——>异步处理程序  任务对队列
            console.log(3)
        }, 8000)

            //先打出同步任务1,2，先到异步任务队列中去找有异步任务，如果
            //有则执行异步中的任务，打印出123，如果点击了，2会和4争夺线程权，只要
            //不点击，4会优先执行，只要点击的时间在4定时器的时间前面，就会先执行2
           //同步任务执行完后，会重新到异步任务队列(消息队列),事件循环


    </script>
</body>

</html>